<%@ taglib uri="http://tiles.apache.org/tags-tiles" prefix="tiles"%>
<!DOCTYPE html>
<html lang="en">
<head>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	
	<meta http-equiv="X-UA-Compatible" content="IE=9" />
	<title><tiles:insertAttribute name="title" ignore="true" /></title>
	

<link href="${pageContext.request.contextPath}/assets/css/bootstrap.min-3.2.0.css" rel="stylesheet">
<link href="${pageContext.request.contextPath}/assets/css/font-awesome-4.0.3/css/font-awesome.css" rel="stylesheet">
 <!--[if IE 7]>
 <link rel="stylesheet" href="${pageContext.request.contextPath}/assets/css/font-awesome-ie7.min.css">
 <![endif]-->
 <!-- datatables css
 -->
<link rel="stylesheet" type="text/css"
	href="${pageContext.request.contextPath}/assets/css/custom-theme/jquery-ui-1.10.0.custom.css" />
 <!--[if lt IE 9]>
 <link rel="stylesheet" type="${pageContext.request.contextPath}/text/css" href="css/custom-theme/jquery.ui.1.10.0.ie.css"/>
 <![endif]-->
<link rel="stylesheet" type="text/css"
	href="${pageContext.request.contextPath}/assets/css/jquery.dataTables.css" />
<link rel="stylesheet" type="text/css"
	href="${pageContext.request.contextPath}/assets/css/jquery.dataTables_themeroller.css" />
<!--    -->
 
	<link href="${pageContext.request.contextPath}/assets/css/bootstrap.css" rel="stylesheet" media="screen">
	<link href="${pageContext.request.contextPath}/assets/css/style.css" rel="stylesheet" media="screen">
	<link href="${pageContext.request.contextPath}/assets/js/dataTables/demo_table_jui.css" rel="stylesheet" media="screen">
	<link href="${pageContext.request.contextPath}/assets/css/jquery-ui-1.10.3.custom.css" rel="stylesheet" media="screen">
	
<script type="text/javascript"
	src="${pageContext.request.contextPath}/assets/js/jquery-1.9.0.min.js"></script> 
<script type="text/javascript"
	src="${pageContext.request.contextPath}/assets/js/bootstrap.min.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/assets/js/jquery.dataTables.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/assets/js/jquery.validate.min.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/assets/js/additional-methods.min.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/assets/js/datatables.api.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/assets/js/myjs.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/assets/js/spin.js"></script>
 
    <script src="${pageContext.request.contextPath}/assets/js/jquery-1.10.2.js"></script>
    <script src="${pageContext.request.contextPath}/assets/js/dataTables/jquery.dataTables.js"></script>
    <script src="${pageContext.request.contextPath}/assets/js/bootstrap.min.js"></script>
    
    <script type="text/javascript" src="${pageContext.request.contextPath}/assets/js/jquery.js"></script>
	<script type="text/javascript" src="${pageContext.request.contextPath}/assets/js/jquery.simplePagination.js"></script>
	<link type="text/css" rel="stylesheet" href="${pageContext.request.contextPath}/assets/css/simplePagination.css"/>
    
<style>
table.dataTable th{
    background-color: #043253;
	color: #ffffff;
}
table.dataTable tr.odd{
    background-color: #9ad7ff;
}
table.dataTable tr.row_selected{
	background-color: #a9bbff;
}
.dataTables_wrapper{
	font-size:11px;
}
.dataTables_paginate{
	
}
</style>

<script type="text/javascript">
spinner=null;
function hideLoadingScreen(){
	 $('#loadingscreen').hide();
	spinner.stop();
};
function showLoadingScreen(){
	var target = document.getElementById('loadingscreen');
	 $('#loadingscreen').show();
	spinner.spin(target);
};

function changeDTPagination(){
	var prev = $(".dataTables_paginate .");
	
}

$(document).ready(function(){
	var opts = {
		  lines: 13, // The number of lines to draw
		  length: 40, // The length of each line
		  width: 15, // The line thickness
		  radius: 40, // The radius of the inner circle
		  corners: 1, // Corner roundness (0..1)
		  rotate: 0, // The rotation offset
		  direction: 1, // 1: clockwise, -1: counterclockwise
		  color: '#ffffff', // #rgb or #rrggbb or array of colors
		  speed: 1, // Rounds per second
		  trail: 70, // Afterglow percentage
		  shadow: true, // Whether to render a shadow
		  hwaccel: false, // Whether to use hardware acceleration
		  className: 'spinner', // The CSS class to assign to the spinner
		  zIndex: 2e9, // The z-index (defaults to 2000000000)
		  top: 'auto', // Top position relative to parent in px
		  left: 'auto' // Left position relative to parent in px
		};
	spinner = new Spinner(opts);
});
</script>

</head>
<body id="top">
<div id="loadingscreen" class="overlay" style="display: none;">
</div>
    <tiles:insertAttribute name="header" />
<div class="container">
   	<tiles:insertAttribute name="menu" />
   	<tiles:insertAttribute name="body" />
</div>
	<tiles:insertAttribute name="footer" />
</body>
</html>